<template>
  <div class="product-management">
    <h2>商品管理</h2>
    <el-table :data="products" stripe>
      <el-table-column prop="id" label="商品ID"></el-table-column>
      <el-table-column prop="name" label="商品名称"></el-table-column>
      <el-table-column prop="price" label="商品价格"></el-table-column>
      <el-table-column prop="category" label="商品分类"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      products: [
        { id: 1, name: "iPhone 14", price: 5999, category: "电子设备" },
        { id: 2, name: "Nike运动鞋", price: 799, category: "服装鞋类" },
        { id: 3, name: "华为平板电脑", price: 2999, category: "电子设备" }
      ]
    };
  }
};
</script>

<style scoped>
.product-management {
  padding: 20px;
}

h2 {
  margin-bottom: 20px;
}
</style>
